@charset "utf-8";
/* CSS Document */

html,body{ margin:0 auto; padding:0px; background:#fff; font-size:14px;}
ul,li,p,h5,h1,h2,h3,h4,h5{margin:0px; padding:0px; list-style:none;}
img{ border:none}
a{ text-decoration:none;}


.box{ display:block; width:100%; height:auto}
.content{ display:block; width:75%; height:auto; margin:0 auto;}
.header{ display:block; width:1175px; height:100px;}
.bj{ display:block; width:100%; height:100px; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; z-index:-1;}

.con_box{ display:block; width:1175px; height:auto; margin:0 auto;}

.header_logo{ display:inline-block; width:114px; background:url(../images/logo_bj.png) no-repeat center center; height:160px; text-align:center;}
.header_logo img{ margin-top:30px;}
.header_menu{ display:inline-block; width:80%; float:right; font-size:15px; text-align:right;}
.head_tel{ color:#fff; width:100%;float:right; margin-top:10px; margin-bottom:10px;}
.head_tel span{float:right; width:210px;}
.head_tel span img{float:left;}
.header_menu ul li{ display:inline-block; width:auto; margin:0px 2%; line-height:30px;}
.header_menu ul li a{ color:#fff; padding:5px 10px;}
.header_menu ul li a:hover{ color:#fff;  background-image:url(../images/menu_bj.png); background-repeat:no-repeat; background-size:contain; background-position:center center; }
.hover{ display:inline-block; background:#fff; color:#000;}

.footer_box{ background:#111111; display:block; width:100%; padding-top:50px;padding-bottom:50px; height:auto;}

.footer_one{ display:inline-block; vertical-align:top; width:280px; padding-left:15px; line-height:30px; padding-right:15px; height:300px; border-right:1px #5c5c5c solid; text-align:center; color:#c8c8c8; font-size:12px;}
.footer_one img{ display:block; margin:0 auto; margin-bottom:20px; margin-top:30px;}
.footer_one a{ color:#c8c8c8;}
.footer_one a:hover{ color:#c8c8c8; text-decoration:underline;}


.footer_two{ display:inline-block; border-right:1px #5c5c5c solid; width:205px; padding-left:30px; height:300px; vertical-align:top;}
.footer_two h5{ font-weight:normal; font-size:16px; color:#9e9e9e; font-size:16px; display:block; width:100%; margin-bottom:30px;}
.footer_two a{ display:block; width:160px; height:40px; line-height:40px; border-bottom:1px #5c5c5c solid; font-size:12px; color:#c8c8c8;}
.footer_two a:hover{ color:#e6cf43;}


.footer_three{ display:inline-block; border-right:1px #5c5c5c solid; width:285px; margin-left:15px; vertical-align:top; height:300px;}
.footer_three h5{ font-weight:normal; font-size:16px; color:#9e9e9e; font-size:16px; display:block; width:100%;margin-bottom:30px;}
.footer_three p{ display:block; width:90%; font-size:12px; height:auto; line-height:28px; color:#c8c8c8;}
.footer_tel{ display:block; width:100%; height:auto; background:url(../images/foot_tel.png) no-repeat left center; height:68px; padding-left:72px; color:#9e9e9e; font-size:30px; margin-top:20px;font-style:italic}
.footer_tel span{ display:block; color:#9e9e9e; font-size:12px; width:100%; font-style:normal;}

.footer_four{ display:inline-block; vertical-align:top; width:300px; margin-left:8px;}
.footer_four h5{ font-weight:normal; font-size:16px; color:#9e9e9e; font-size:16px; display:block; width:100%; margin-bottom:30px;}
.lyb_list{ display:block; width:310px; margin-bottom:10px;}
.lyb_list span{ display:inline-block; width:49%; margin:0px; vertical-align:top; margin-bottom:10px; border-bottom:1px #5c5c5c solid;}
.lyb_list span input{ background:none; border:none; height:40px; width:100%;vertical-align:top; line-height:40px; color:#585858;outline:none; font-size:12px;}
.lyb_list span:nth-child(3){ width:100%;}
.lyb_list span:nth-child(3) textarea{border:none; background:none;color:#b7b7b7;outline:none; display:block; margin-bottom:20px; width:100%; padding-left:3%; font-size:12px;}
.lyb_list span:nth-child(4){ height:auto; display:block; width:100%;}
.lyb_list span:nth-child(4) input{ width:30%;}
.foot_btn{ width:100px; border:none; text-align:center; background:#313131; height:40px; line-height:40px; color:#fff;}


.pro_box{ display:block; width:100%; background-position:center center; background:url(../images/index_probj.jpg); height:970px; padding-top:20px;}
.pro_menu{ display:block; width:100%; text-align:center; margin:20px 0px;}
.pro_menu ul li{ display:inline-block;width:auto; height:40px;padding:0px 10px; line-height:40px;  font-size:14px;}
.pro_menu ul li a{display:inline-block;width:auto; height:40px;padding:0px 10px; line-height:40px;  font-size:14px; margin:0px 10px; color:#fff;}
.pro_menu ul li a:hover{background:#c30600; color:#fff;}


.index_pro{ display:block; width:100%;}
.index_pro ul{ display:block; width:102%;}
.index_pro ul li{ width:22.5%; margin-bottom:20px; margin-right:2%;text-align:center;float:left;}
.index_pro ul li a{ display:block; width:100%; height:320px;}
.index_pro ul li a img{ display:block; width:100%; height:260px;object-fit:cover;}
.index_pro ul li a p{ display:block; width:100%; height:45px; background-image:url(../images/pro_titebj.png); background-position: center center; text-align:center; background-repeat:no-repeat; background-size:cover; margin-top:5px;line-height:45px; color:#C00;}

 #tab{
 border: 1px solid #ccc;
 margin: 20px auto;
 width: 403px;
 border-top: none;
 }
 .list ul{
 overflow: hidden;
 }
 .list li{
 float: left;
 }
 .list li{
 padding-left: 28px;
 padding-right: 28px;
 padding-top: 6px;
 padding-bottom: 6px;
 border: 1px solid #ccc;
 background: -moz-linear-gradient(top, #FEFEFE, #EDEDED);
 background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed));
 border-right: none;
 cursor: pointer;
 }
 #listCon{
 height: 100px;
 }
 #listCon div{
 padding:10px;
 position:absolute;
 opacity:0;
 filter:alpha(opacity=0);
 }
 .list li:first-child{
 border-left: none;
 }
 .list li:hover{
 background: #fff;
 border-bottom: none;
 }
 .list li.cur{
 background: #fff;
 border-bottom: none;
 }
 #listCon div.cur{
 opacity:1;
 filter:alpha(opacity=100);
 }




.index_join{ display:block; width:100%; height:500px;}
.index_join .con_box div{float:right;width:500px; vertical-align:top; margin-top:30px; margin-left:60px;}
.index_join .con_box div img{ width:140px; height:42px;}
.index_join .con_box div ul{ margin-top:30px;}
.index_join .con_box div ul li{ display:block; width:100%; margin-bottom:30px; list-style:circle; height:50px;}
.index_join .con_box div ul li p{ display:block; width:100%; font-weight:bold;}
.index_join .con_box div ul li span:first-child{float:left; width:5px; height:5px; background:#000; margin-right:20px; border-radius:100%; margin-top:10px;}
.index_join .con_box div ul li span{ float:left; width:95%; vertical-align:top;}
.index_join .con_box img{ display:inline-block; width:393px; height:auto; vertical-align:top; margin-top:100px;}





.news_tite{ display:block; width:100%; height:auto; text-align:center; margin:30px 0px;}
.news_tite span{ display:inline-block; width:auto; vertical-align:top;}
.news_tite span:first-child,.news_tite span:last-child{ margin-top:30px;}

.index_news{ display:block; width:100%; overflow:hidden; height:auto; margin-bottom:40px;}
.index_news ul{ display:block; width:102%; height:auto;}
.index_news ul li{ display:inline-block; width:48%; margin-right:1%; margin-bottom:10px; border-bottom:1px #eee solid; padding-bottom:15px;}
.index_news ul li .news_left{ display:inline-block; width:25%; height:140px;}
.index_news ul li .news_left img{ width:100%; height:140px; display:block;object-fit: cover;}
.index_news ul li .news_right{ display:inline-block; width:70%; vertical-align:top; height:140px;}
.index_news ul li .news_right a{ display:block; width:100%; height:30px; line-height:30px; color:#333; overflow:hidden;}
.index_news ul li .news_right a span{ display:inline-block; width:80%; overflow:hidden;}
.index_news ul li .news_right a font{float:right; font-size:12px;}
.index_news ul li .news_right a:hover{ color:#C00;}

.index_news ul li .news_right .news_con{ display:block; width:100%; height:100px; line-height:1.5rem; color:#999; font-size:14px;}




.index_about{ display:block; width:100%; height:auto; padding:0px auto; background:url(../images/about_bj.jpg) no-repeat center center;}
.about_left{ display:inline-block; margin-top:40px;}
.about_right{ display:inline-table; width:66%;height:300px; vertical-align:top;}
.about_right img{float:right;}
.about_right span{ background:#EFDCBB; display:block; width:770px; height:280px; margin-top:120px; text-align:center;}
.about_right span img{ display:block; margin:0 auto; float:none;}

.page_tite{ display:block; width:100%; height:auto; text-align:center; margin:30px 0px;}
.page_tite span{ display:inline-block; width:auto; vertical-align:top; margin:0px 20px; font-size:14px;}
.page_tite span p{ font-size:24px; line-height:40px;}
.page_tite span:first-child,.page_tite span:last-child{ margin-top:20px;}



.news{ display:block; width:100%; overflow:hidden; height:auto; margin-bottom:40px; padding-top:80px;}
.news li{ display:inline-block; width:100%; margin-right:1%; margin-bottom:10px; border-bottom:1px #eee solid; padding-bottom:15px;}
.news li .news_left{ display:inline-block; width:18%; height:140px; margin-right:2%;}
.news li .news_left img{ width:100%; height:140px; display:block;object-fit: cover;}
.news li .news_right{ display:inline-block; width:75%; vertical-align:top; height:140px;}
.news li .news_right a{ display:block; width:100%; height:30px; line-height:30px; color:#333; overflow:hidden; }
.news li .news_right a span{ display:inline-block; width:80%; overflow:hidden;font-size:16px; font-weight:bold;}
.news li .news_right a font{float:right; font-size:12px; color:#999;}
.news li .news_right a:hover{ color:#C00;}

.news li .news_right .news_con{ display:block; width:100%; height:100px; line-height:1.5rem; color:#999; font-size:14px;}


.home_nav{text-align:center;}
.home_nav ul{margin:25px auto;}
.home_nav ul li{display:inline-block;width:auto;position:relative;margin-bottom:10px;}
.home_nav ul li a{display:block;padding:6px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px;border-radius:2px;border:1px solid #E7E7E7;}
.home_nav ul .hover a,.home_nav ul li a:hover{display:block;color:#fff;font-size:14px;background:#E00024;margin:0 2px;}

.home_nav ul li dl{display:none;background:#E00024;padding:2px 0;margin:16px 0 0 0;z-index:999;}
.home_nav ul .hover dl{display:none;text-align:left;position:absolute;top:20px;left:3px;}
.home_nav ul .hover dl dt a{display:block;font-weight:normal;color:#fff;background:#E00024;min-width:200px;border:0;}
.home_nav ul .hover dl dt a:hover{background:#fff;color:#333;border:0;}


.pro{ display:block; width:100%; overflow:hidden;margin-bottom:40px; padding-top:40px;}
.pro li{ display:inline-block; width:22.5%; margin-bottom:20px; margin-right:2%;}
.pro li a{ display:block; width:100%; height:320px;}
.pro li a img{ display:block; width:100%; height:260px;object-fit:cover;}
.pro li a p{ display:block; width:100%; height:45px; background-image:url(../images/pro_titebj1.png); background-position: center center; text-align:center; background-repeat:no-repeat; background-size:cover; margin-top:5px;line-height:45px; color:#FFF;}

.page_con{ display:block; width:100%; line-height:2.5rem; height:auto; padding-bottom:200px;}
.page_con img{ max-width:100%;}

.pagelist ul{text-align:center;margin:20px 0;}
.pagelist a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px; margin-right:10px;}
.pagelist a:hover{border-color:#999;background:#999;color:#fff;}


.info{border-left:3px solid #E00024;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}
.intro a{color:#06C;}
.intro a:hover{color:#f30;}
.intro img{max-width:100%;height:auto;}
.info span{ color:#999; float:right; margin-right:20px;}
.info span a{ color:#999;}
.info span a:hover{ color:#e00024;}

.show_tite{ display:block; width:100%; text-align:center; margin-top:40px; font-size:30px;}
.prenext{margin-top:30px;text-align:center;overflow: hidden;}
.prenext p{font-weight:bold;}
.prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px; color:#999;}
.prenext a span{font-size:18px;margin-right:10px;}
.prenext a em{font-style:normal;font-size:18px;}
.prenext a:hover{background:#E00024;border-color:#E00024;color:#fff;}
.prenext a:hover span{color:#fff;}
.prenext .pre{float: left;}
.prenext .next{float: right;}



.jmfs_bj{ display:block; width:100%; height:420px; background-image:url(../images/jmfs_bj.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover;}
.jmlc_bj{ display:block; width:100%; height:auto; background-image:url(../images/jmlc_bj.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; padding:40px 0px;}

.lxwm_box{ display:inline-block; width:48%; vertical-align:top; padding-top:40px;}

.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#ddd;color:#333;}
.side ul li:hover a{color:#333}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#ddd;color:#333}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:200px;display:none;color:#363636;text-align:center;padding-top:200px;position:absolute;left:-200px;top:0;background-image:url(../images/qrcode.jpg);background-repeat:no-repeat;background-position:center center;border:3px solid #fff; background-size:cover;}
.side ul li.sideetel .telBox.son{width:200px;height:100px;display:none;color:#333;text-align:left;position:absolute;left:-200px;top:0px;background:#ddd}
.side ul li.sideetel .telBox dd{display:block;height:100px;overflow:hidden;padding-left:20px;line-height:24px;font-size:18px; margin-left:0px;}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:25px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#ddd}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}

@media (max-width:768px) {
.jdc-rwd .jdc-side { display: none!important }
}

@media only screen and (max-width:1920px){
	.pro_list1 li a img{ display:block; width:100%;height:220px;object-fit:cover;}

	}
@media only screen and (max-width:1660px){
		.pro_list1 li a img{ display:block; width:100%;height:200px;object-fit:cover;}
	}
	
@media only screen and (max-width:1440px){
	.header_logo{ width:25%;}
	.header_menu{ width:75%}
	.footer_menu .left{ width:70%;}
	.foot_lx{ width:auto;}}
@media only screen and (max-width:1280px){
		.pro_list1 li a img{ display:block; width:100%;height:160px;object-fit:cover;}

	}
	@media only screen and (max-width:1366px){
		.pro_list1 li a img{ display:block; width:100%;height:180px;object-fit:cover;}

	}
	
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}
@media only screen and (max-width:600px) {
	.box,#test,.index_join,.pro_box,.index_about,.footer_box, .banner,.jmlc_bj,.jmfs_bj{ display:none;}
	
	}